<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>我的发票</title>
	<link rel="stylesheet" href="themes/css/core.css">
	<link rel="stylesheet" href="themes/css/icon.css">
	<link rel="stylesheet" href="themes/css/home.css">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
	<style>
		body{    background-color: #F5F5F5;}
		/*发票时间样式*/
			.clearfix{
				clear: both;
			}
			.invo_time{
				width: 100%;
				color: #777;
				font-size: 12px;
				padding:0 18px;
				margin-top: 5px;
				line-height: 30px;
				height: 30px;
				text-align: left;
				
			}
			.invo_stau{
				float:right;
			}
			/*发票内容BOX*/
			
			.inv_box{
				width: 90%;
				height: auto;
				background-color: white;
				padding: 10px;
				margin: 0 5%;
				margin-bottom: 10px;
				display: block;
			}
			.inv_box p{
				font-size: 12px;
				color: #b8b8b8;
				/*超出长度用省略号代替*/
				overflow: hidden;
				text-overflow:ellipsis;
				white-space: nowrap;
				line-height: 22px;
			}
			.inv_box:first-child{
				margin-top: 10px;
			}
			.inv_box p span{
				color: #373737;
				margin-left: 5px;
				/*background-color:salmon;*/
			}
			.aui-myOrder-content{
				width: 100%;
				height: auto;
			}
			.aui-icon-back-right{
				float: right;
				width: 20px;
				height: 20px;
				background-image: url(themes/img/bg/rarrow.png);
			}
	</style>
</head>
<body>

	<header class="aui-header-default aui-header-fixed aui-header-bg">
		<a href="javascript:history.back(-1)" class="aui-header-item">
			<i class="aui-icon aui-icon-back-white"></i>
		</a>
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-center-logo">
				<div class="aui-car-white-Typeface">我的发票</div>
			</div>
		</div>
		<a href="#" class="aui-header-item-icon"   style="min-width:0">
		</a>
	</header>

	<section class="aui-myOrder-content clearfix">
	
	<script  type="text/html" id="invoiceTempl">
	{{each}}
		<p class="invo_time clearfix">
			{{$value.applyDate | dateFormat}}
			<span class="invo_stau">{{$value.applyStatus | applyStatusFormat}}</span>
		</p>
		<a class="inv_box clearfix" href="my-invoice-detail.html?id={{$value.id}}" >		
			<p>发票抬头 
				<span>
					{{if $value.invoiceType === "1"}}
						{{$value.invoiceTitle || '个人'}}
					{{else}}
						{{$value.invoiceTitle || '公司'}}
					{{/if}}
				</span>
			</p>
			
			<p>开票金额  
				<span>￥{{$value.orderPrice}} </span>  
				<span><i class="aui-icon aui-icon-back-right"></i></span> 
			</p>
			<p>发票内容  <span>{{$value.invoiceContent}}</span></p>
		</a>
	{{/each}}
	</script>
		
	</section>


	<script type="text/javascript" src="themes/js/jquery.min.js"></script>
	<script type="text/javascript" src="themes/js/aui.js"></script>
	<script type="text/javascript" src="themes/js/ajax-util.js"></script>
	<script type="text/javascript" src="themes/js/Feng.js"></script>
	<script type="text/javascript" src="themes/plugin/numeral/numeral.min.js"></script>	
	<script type="text/javascript" src="themes/plugin/artTemplate/template.js"></script>
	<script type="text/javascript" src="themes/plugin/layer/layer.js"></script>
	<script type="text/javascript" src="themes/plugin/lazyload/jquery.lazyload.js"></script>
	<script src="themes/js/common.js"></script>
	<script type="text/javascript" src="static/my/my_invoice.js"></script>

</body>
</html>